<template>
  <div class="w-100%">
    <!--轮播图-->
    <BannerIndex></BannerIndex>
    <!-- 精选-->
    <SelectedIndex></SelectedIndex>
    <!--每日新品-->
    <dailyNewList></dailyNewList>
    <!-- 精选版块-->
    <SelectedClassify></SelectedClassify>
    <!--秒杀-->
    <!-- <SeckillIndex></SeckillIndex> -->
    <!--品牌好店-->
    <!-- <MerchantIndex :goodStoreImage="pcHomeCon?.goodStoreImage"></MerchantIndex> -->
    <!--推荐商品-->
    <RecommendedIndex></RecommendedIndex>
    <!--猜你喜欢-->
    <recommend></recommend>
  </div>
</template>

<script lang="ts" setup>
import { pcHomeConfigApi } from '~/server/homeApi'
import { useUserStore } from '~/stores/user'
import dailyNewList from '~/components/dailyNewList.vue'
const { data: pcHomeCon } = useAsyncData(() => pcHomeConfigApi())
const userStore = useUserStore()
onMounted(() => {
  // console.log('userStore.token', userStore.token)
  if (userStore.token) {
    userStore.ensureCollectionsLoaded(true)
  }
})

</script>

<style>
html {
  background: #f5f5f5 !important;
}
</style>

<style lang="scss" scoped>
.swiper {
  --swiper-theme-color: #ff6600;
  --swiper-pagination-color: #fff; /* 两种都可以 */
  --swiper-pagination-bottom: 10px;
  --swiper-navigation-size: 0;
}
</style>
